.bg-white {
	background-color: #fff;
}
page,
.page-bg {
	background-color: #eef2f6;
}

.layout-empty-box {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.no-data {
	text-align: center;
	padding: 10rpx 0 50rpx;
	font-size: 24rpx;
	color: #979797;
}

@for $i from 0 through 50 {
	@if $i % 2 == 0 or $i % 5 == 0 {
		.radius-#{$i} {
			border-radius: $i + rpx;
		}
		@each $short, $long in l left, t top, r right, b bottom {
			.m-#{$i} {
				margin: $i + rpx;
			}
			.m-#{$short}-#{$i} {
				margin-#{$long}: $i + rpx;
			}
			.p-#{$short}-#{$i} {
				padding-#{$long}: $i + rpx;
			}
			.p-#{$i} {
				padding: $i + rpx;
			}
		}
	}
}
